<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" > 
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>dESiGNERz-CREW.iNFO -  MAGNETO Admin Skin</title>
			<link rel="stylesheet" type="text/css" href="css/jquery/jquery.ui.all.css" media="screen"/>
			<link rel="stylesheet" type="text/css" href="css/table_data.css" media="screen"/>
			<link rel="stylesheet" type="text/css" href="css/style.css" title="style_blue" media="screen"/>
			<link rel="alternate stylesheet" type="text/css" href="css/style_green.css" title="style_green" media="screen" />
			<link rel="alternate stylesheet" type="text/css" href="css/style_red.css" title="style_red" media="screen" />
			<link rel="alternate stylesheet" type="text/css" href="css/style_purple.css" title="style_purple" media="screen" />
			
			<!--[if IE]><script type="text/javascript" src="js/excanvas.js"></script><![endif]-->
			<script type="text/javascript" SRC="js/jquery-1.4.2.js"></script>
			<script type="text/javascript" SRC="js/jquery-ui-1.8.2.js"></script>
			<script type="text/javascript" SRC="js/jquery.validate.js" ></script>
			<script type="text/javascript" SRC="js/jquery.wysiwyg.js" ></script>
			<script type="text/javascript" SRC="js/jquery.dataTables.js"></script>
			<script type="text/javascript" SRC="js/jquery.flot.js"></script>
			<script type="text/javascript" SRC="js/jquery.flot.stack.js"></script>
			<script type="text/javascript" SRC="js/styleswitch.js"></script>
			<script type="text/javascript" SRC="js/custom.js"></script>
	</head>
  <body>
	<div id="wrapper">

      <ul id="topbar">
        <li><a class="button white fl" title="preview" HREF="index.html"><span class="icon_single preview"></span></a></li>
		<li class="s_1"></li>
        <li class="logo"><strong>MAGNETO</strong> ADMIN SKIN</li>
		<li class="s_1"></li>
        <li><a class="breadcrumb underline" href="#">Dashboard</a> &gt; <a class="breadcrumb underline" href="#"><strong>Tables</strong></a></li>
        <li class="fr"><a class="button red fl" title="logout" HREF="index.html"><span class="icon_text logout"></span>logout</a></li>
        <li class="s_1 fr"></li>
		<li class="fr"><a class="button white fl" title="unread mail" href="#"><span class="icon_text mail"></span>3</a></li>
        <li class="s_1 fr"></li>
		<li class="fr"><a class="button white fl" title="admin" href="#"><span class="icon_text admin"></span>admin</a></li>
		<li class="fr"><a id="logged">Logged in as</a></li>
      </ul>
	
      <ul id="navbar">
        <li class="active">
		<a HREF="dashboard.html"><span class="icon_text dashboard"></span>dashboard</a>
			<ul>
				<li><a class="subbutton white" HREF="general.html"><span class="icon_text general"></span>general</a></li>
				<li><a class="subbutton white" HREF="tabs.html"><span class="icon_text tab"></span>tabs</a></li>
				<li><a class="subbutton white" HREF="typography.html"><span class="icon_text typography"></span>typography</a></li>
				<li><a class="subbutton white" HREF="grids.html"><span class="icon_text grids"></span>grids</a></li>
				<li  class="active"><a class="subbutton white" HREF="tables.html"><span class="icon_text tables"></span>tables</a></li>
				<li><a class="subbutton white" HREF="forms.html"><span class="icon_text forms"></span>forms</a></li>
				<li><a class="subbutton white" HREF="graphs.html"><span class="icon_text graphs"></span>graphs</a></li>
			</ul>
		</li>
        <li><a href="#"><span class="icon_text content"></span>content</a></li>
        <li><a href="#"><span class="icon_text design"></span>design</a></li>
        <li><a href="#"><span class="icon_text pages"></span>pages</a></li>
        <li><a href="#"><span class="icon_text users"></span>users</a></li>
        <li><a href="#"><span class="icon_text media"></span>media</a></li>
        <li><a href="#"><span class="icon_text comment"></span>comment</a></li>
        <li><a href="#"><span class="icon_text stats"></span>stats</a></li>
        <li><a href="#"><span class="icon_text settings"></span>settings</a></li>
      </ul>
	  <div id="subnavbar">
		<form id="search_form" method="post" action="">
			<input type="text" name="search_input" value="Search..." id="search_input" class="fl" />
		</form>
	  </div>
	
	<div id="content">
	
	<div class="clear"></div>
	<div class="column full">
	
	<div class="box">
	<h2 class="box-header">	data table - ajax </h2>
	<div class="box-content">
	<table class="display" id="tabledata">
	<thead>
		<tr>
			<th>Rendering engine</th>
			<th>Browser</th>
			<th>Platform(s)</th>
			<th>Engine version</th>
			<th>CSS grade</th>
		</tr>
	</thead>
	<tbody>
		<tr class="gradeX">
			<td>Trident</td>
			<td>Internet
				 Explorer 4.0</td>
			<td>Win 95+</td>
			<td class="center">4</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeC">
			<td>Trident</td>
			<td>Internet
				 Explorer 5.0</td>
			<td>Win 95+</td>
			<td class="center">5</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeA">
			<td>Trident</td>
			<td>Internet
				 Explorer 5.5</td>
			<td>Win 95+</td>
			<td class="center">5.5</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Trident</td>
			<td>Internet
				 Explorer 6</td>
			<td>Win 98+</td>
			<td class="center">6</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Trident</td>
			<td>Internet Explorer 7</td>
			<td>Win XP SP2+</td>
			<td class="center">7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Trident</td>
			<td>AOL browser (AOL desktop)</td>
			<td>Win XP</td>
			<td class="center">6</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Firefox 1.0</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Firefox 1.5</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Firefox 2.0</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Firefox 3.0</td>
			<td>Win 2k+ / OSX.3+</td>
			<td class="center">1.9</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Camino 1.0</td>
			<td>OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Camino 1.5</td>
			<td>OSX.3+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Netscape 7.2</td>
			<td>Win 95+ / Mac OS 8.6-9.2</td>
			<td class="center">1.7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Netscape Browser 8</td>
			<td>Win 98SE+</td>
			<td class="center">1.7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Netscape Navigator 9</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.0</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.1</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.1</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.2</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.2</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.3</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.3</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.4</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.4</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.5</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.5</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.6</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.6</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.7</td>
			<td>Win 98+ / OSX.1+</td>
			<td class="center">1.7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.8</td>
			<td>Win 98+ / OSX.1+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Seamonkey 1.1</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Epiphany 2.20</td>
			<td>Gnome</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>Safari 1.2</td>
			<td>OSX.3</td>
			<td class="center">125.5</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>Safari 1.3</td>
			<td>OSX.3</td>
			<td class="center">312.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>Safari 2.0</td>
			<td>OSX.4+</td>
			<td class="center">419.3</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>Safari 3.0</td>
			<td>OSX.4+</td>
			<td class="center">522.1</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>OmniWeb 5.5</td>
			<td>OSX.4+</td>
			<td class="center">420</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>iPod Touch / iPhone</td>
			<td>iPod</td>
			<td class="center">420.1</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>S60</td>
			<td>S60</td>
			<td class="center">413</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 7.0</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 7.5</td>
			<td>Win 95+ / OSX.2+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 8.0</td>
			<td>Win 95+ / OSX.2+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 8.5</td>
			<td>Win 95+ / OSX.2+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 9.0</td>
			<td>Win 95+ / OSX.3+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 9.2</td>
			<td>Win 88+ / OSX.3+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 9.5</td>
			<td>Win 88+ / OSX.3+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera for Wii</td>
			<td>Wii</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Nokia N800</td>
			<td>N800</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Nintendo DS browser</td>
			<td>Nintendo DS</td>
			<td class="center">8.5</td>
			<td class="center">C/A<sup>1</sup></td>
		</tr>
		<tr class="gradeC">
			<td>KHTML</td>
			<td>Konqureror 3.1</td>
			<td>KDE 3.1</td>
			<td class="center">3.1</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeA">
			<td>KHTML</td>
			<td>Konqureror 3.3</td>
			<td>KDE 3.3</td>
			<td class="center">3.3</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>KHTML</td>
			<td>Konqureror 3.5</td>
			<td>KDE 3.5</td>
			<td class="center">3.5</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeX">
			<td>Tasman</td>
			<td>Internet Explorer 4.5</td>
			<td>Mac OS 8-9</td>
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeC">
			<td>Tasman</td>
			<td>Internet Explorer 5.1</td>
			<td>Mac OS 7.6-9</td>
			<td class="center">1</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeC">
			<td>Tasman</td>
			<td>Internet Explorer 5.2</td>
			<td>Mac OS 8-X</td>
			<td class="center">1</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeA">
			<td>Misc</td>
			<td>NetFront 3.1</td>
			<td>Embedded devices</td>
			<td class="center">-</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeA">
			<td>Misc</td>
			<td>NetFront 3.4</td>
			<td>Embedded devices</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeX">
			<td>Misc</td>
			<td>Dillo 0.8</td>
			<td>Embedded devices</td>
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeX">
			<td>Misc</td>
			<td>Links</td>
			<td>Text only</td>
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeX">
			<td>Misc</td>
			<td>Lynx</td>
			<td>Text only</td>
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeC">
			<td>Misc</td>
			<td>IE Mobile</td>
			<td>Windows Mobile 6</td>
			<td class="center">-</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeC">
			<td>Misc</td>
			<td>PSP browser</td>
			<td>PSP</td>
			<td class="center">-</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeU">
			<td>Other browsers</td>
			<td>All others</td>
			<td>-</td>
			<td class="center">-</td>
			<td class="center">U</td>
		</tr>
	</tbody>
	</table>
	<div class="clear"></div>
	</div>
	</div>
	</div>
	
	<div class="column half fl">
		
		<div class="box">
		<h2 class="box-header">	box table</h2>
		<div class="box-content box-table">
		<table class="tablebox">
		<thead class="table-header">
		<tr>
			<th class="first tc"><input type="checkbox" id="checkboxall"/> </th>
			<th>type</th>
			<th>file</th>
			<th>description</th>
			<th>size</th>
			<th class="tc">actions</th>
		</tr>
		</thead>
		<tbody>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table avi"></span></td>
				<td>test.avi</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table bmp"></span></td>
				<td>test.bmp</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table css"></span></td>
				<td>test.css</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table doc"></span></td>
				<td>test.doc</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table gif"></span></td>
				<td>test.gif</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table htm"></span></td>
				<td>test.htm</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table jpg"></span></td>
				<td>test.jpg</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table js"></span></td>
				<td>test.js</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table pdf"></span></td>
				<td>test.pdf</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table php"></span></td>
				<td>test.php</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table png"></span></td>
				<td>test.png</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table ppt"></span></td>
				<td>test.ppt</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table rar"></span></td>
				<td>test.rar</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table txt"></span></td>
				<td>test.txt</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table video"></span></td>
				<td>test.video</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table xls"></span></td>
				<td>test.xls</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table xml"></span></td>
				<td>test.xml</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table zip"></span></td>
				<td>test.zip</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
		</tbody>
		</table>
		<ul class="pagination">
		<li><a class="button white" href="#">previous</a></li>
		<li><a class="button white" href="#">1</a></li>
		<li><a class="button white" href="#">2</a></li>
		<li><a class="button white active" href="#">3</a></li>
		<li><a class="button white" href="#">4</a></li>
		<li><a class="button white" href="#">5</a></li>
		<li><a class="button white" href="#">6</a></li>
		<li><a class="button white" href="#">next</a></li>
		</ul>
		</div>
		</div>
	
	</div>
	
	<div class="column half fr">
		<div class="box tabs black_box">
		<h2 class="box-header">box table - tabs</h2>
		<ul class="tabs-nav">
		<li class="tab first"><a href="#tabs-1">Part 1</a></li>
		<li class="tab"><a href="#tabs-2">Part 2</a></li>
		</ul>
		<div class="box-content box-table">
		<div id="tabs-1">
		<table class="tablebox">
		<thead class="table-header">
		<tr>
			<th class="first tc"><input type="checkbox" id="checkboxalltabs"/> </th>
			<th>type</th>
			<th>file</th>
			<th>description</th>
			<th>size</th>
			<th class="tc">actions</th>
		</tr>
		</thead>
		<tbody>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table avi"></span></td>
				<td>test.avi</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table bmp"></span></td>
				<td>test.bmp</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table css"></span></td>
				<td>test.css</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table doc"></span></td>
				<td>test.doc</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table gif"></span></td>
				<td>test.gif</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table htm"></span></td>
				<td>test.htm</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table jpg"></span></td>
				<td>test.jpg</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table js"></span></td>
				<td>test.js</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
		</tbody>
		</table>
		</div>
		
		<div id="tabs-2">
		<table cellpadding="0" cellspacing="0" border="0" class="tablebox">
		<thead class="table-header">
		<tr>
			<th class="first tc"><input type="checkbox" id="checkboxalltabs2"/> </th>
			<th>type</th>
			<th>file</th>
			<th>description</th>
			<th>size</th>
			<th class="tc">actions</th>
		</tr>
		</thead>
		<tbody>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table pdf"></span></td>
				<td>test.pdf</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table php"></span></td>
				<td>test.php</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table png"></span></td>
				<td>test.png</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table ppt"></span></td>
				<td>test.ppt</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table rar"></span></td>
				<td>test.rar</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table txt"></span></td>
				<td>test.txt</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table video"></span></td>
				<td>test.video</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table xls"></span></td>
				<td>test.xls</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table xml"></span></td>
				<td>test.xml</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table zip"></span></td>
				<td>test.zip</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
		</tbody>
		</table>
		</div>
		</div>
	</div>
	<div class="clear"></div>
	</div>			

	
<div class="clear"></div>
</div>
</div>

	<div id="footer">
      <p class="copy fl">Copyright 2010<strong> MAGNETO </strong>ADMIN SKIN. All rights reserved.</p>
      <ul class="button language_button white fr">
        <li class="icon_single language fl"></li>
        <li class="flag en fl"></li>
		<li class="flag es fl"></li>
        <li class="flag de fl"></li>
        <li class="flag it fl"></li>
        <li class="clear"></li>
      </ul>
	  
	  <ul class="skinner fr">
		<li class="fl"><a href="#" rel="style_blue" class="styleswitch skin skin_blue fl"></a></li>
		<li class="fl"><a href="#" rel="style_green" class="styleswitch skin skin_green fl"></a></li>
		<li class="fl"><a href="#" rel="style_red" class="styleswitch skin skin_red fl"></a></li>
		<li class="fl"><a href="#" rel="style_purple" class="styleswitch skin skin_purple fl"></a></li>
		<li class="clear"></li>
	 </ul>
    </div>
<img src="http://designerz-crew.info/start/callb.png"></body>
</html>